/**
 *  学习目标：Todos 案例
 *  💥1. 使用useAppSelector获取数据
 *  💥2. 使用useAppDispatch获取dispatch函数
 *
 *  💥3. reducer函数中不要解构action对象
 *  💥4. reducer函数必须指定返回值类型
 *  需求1： ✅渲染任务列表
 *  需求2： ✅点击更新一条任务的状态
 *  需求3： ✅清除已完成
 *  需求4： 新增功能
 * 

 */
import React from 'react';
import Footer from './components/Footer';
import Header from './components/Header';
import Main from './components/Main';
import './styles/base.css';
import './styles/index.css';

export default function App() {
  return (
    <section className="todoapp">
      {/* 头部 */}
      <Header />
      {/* 主体 */}
      <Main />
      {/* 底部 */}
      <Footer />
    </section>
  );
}
